经常会见到,标题或者字段超过多长,然后进行相关的截断,以下在vue当中,使用了vue的过滤器,很好的解决了这问题。
<template>
<div class="title">{{ name | ellipsis}}</div>
</template>
<script>
export default {
name: "demo",
data(){
return {
name:'这是一个标题',
}
},
filters:{
ellipsis(value){
if (!value) return '';
if (value.length > 10) {
return value.slice(0,10) + '...'
}
return value
}
}
}
</script>
<style scoped>
</style>
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。